<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../../icon/iconfont.css" />
    <style>
        h2 {
            text-align: center;
            padding: .5rem 0;
        }

        .aui-border-b {
            background-size: 100% 0px;
        }
        header{
          width: 100%;
          position: fixed;
          top:0;
          left:0;
          padding: 1.6rem 0.8rem 0.5rem 0.8rem;
          background-color: #fff;
        }
        header span:nth-of-type(1){
          font-size: 1rem
        }
        header span:nth-of-type(2){
          font-size: 1rem;
        }
    </style>
</head>

<body>
    <header style="z-index:999">
        <span class="iconfont icon-fanhui" onClick="closeWin()"></span>
        <span>消息详情</span>
    </header>
    <div class="main-box" style="padding-top:3.5rem">
        <div class="aui-card-list">
            <h2 id="title"></h2>
            <div class="aui-card-list-header aui-card-list-user aui-border-b">
                <p class="max2line" id="desc"></p>
            </div>
            <div class="flex-bottom" style="padding:0 .5rem;">
                <div style="float:right; padding:0 .5rem;">
                    <span style="color:#ccc;" id="time"></span>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../lib/zepto.js"></script>
<script type="text/javascript" src="../../../script/dns.js"></script>
<script type="text/javascript">
    apiready = function() {
        var id  = api.pageParam.pageid;
        $.ajax({
           url: dns + 'message/read/id',
           type: 'GET',
           data: {'id':id},
           beforeSend: function(request) {
               request.setRequestHeader("token", localStorage.getItem('token'));
               },
           success: function (res) {
              $('#title').html(res.data.title);
              $('#desc').html(res.data.content);
              $('#time').html(res.data.create_time);
           },
          });
    };
</script>

</html>
